<div class="tasklists">
  <app-task-list
    class="list-container"
    app-droppable
    [dragEnterClass]="'drag-enter'"
    *ngFor="let list of lists">
    <app-task-header [header]="list.name"
                     (newTask)="lanuchNewTaskDialog()"
                     (moveAll)="lanuchCopyTaskDialog()"
                     (delList)="lanuchConfirmDialog()"
                     (editList)="lanuchEditListDialog()">
    </app-task-header>
    <app-quick-task (quickTask)="handleQuickTask($event)"></app-quick-task>
    <app-task-item
      *ngFor="let task of list.tasks"
      [item]="task"
      (taskClick)="lanuchUpdateTaskDialog(task)"
    >
    </app-task-item>
  </app-task-list>
</div>
<button class="fab-button" mat-fab type="button" (click)="lanuchNewListDialog()">
  <mat-icon>add</mat-icon>
</button>
